<template>
	<view class="asImg flex bg-white align-center">
		<view class="asImgItem border_right">
			<view>20天</view>
			<text>正常打卡</text>
		</view>
		<view class="asImgItem border_right">
			<view>20天</view>
			<text>正常打卡</text>
		</view>
		<view class="asImgItem border_right">
			<view>20天</view>
			<text>正常打卡</text>
		</view>
		<view class="asImgItem">
			<view>20天</view>
			<text>正常打卡</text>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.asImg{
		height: 220rpx;
		width: 100%;
	}
	.asImgItem{
		height: 135rpx;
		flex: 1;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		font-size: 28rpx;
	}
	.asImgItem view {
		width: 82rpx;
		height: 82rpx;
		background-color: #5275AB;
		color: #FFFFFF;
		border-radius: 50%;
		text-align: center;
		line-height: 82rpx;
	}
	.asImgItem text {
		color: #5275AB;
	}
	.border_right{
		border-right: 1rpx solid rgba(176, 175, 175, 0.7);
	}
</style>
